<ion-header>
  <ion-toolbar>
    <ion-title>{{"mineTitle" | translate}}</ion-title>
    <ion-buttons left>
      <button ion-button icon-left (click)="navBack()">
        <ion-icon class="nav-back" name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-list-header>
      <div class="title-box">
        <img src="../../assets/imgs/logo.png">
        <div class="top-bar">{{user.instName}} - {{user.username}}</div>
      </div>
    </ion-list-header>

    <button ion-item (click)="nav2map()">
      <ion-icon name="ionic" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"mapNav" | translate}}</ion-label>
      <ion-note item-end></ion-note>
    </button>

    <button ion-item (click)="nav2lang()">
      <ion-icon name="globe" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"changeLanguage" | translate}}</ion-label>
      <ion-note item-end></ion-note>
    </button>

    <button ion-item (click)="nav2helpsuggest()">
      <ion-icon name="call" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"helpAndSuggestion" | translate}}</ion-label>
    </button>

    <button ion-item (click)="nav2us()">
      <ion-icon name="contacts" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"aboutUs" | translate}}</ion-label>
      <ion-note item-end></ion-note>
    </button>

    <button ion-item (click)="logout()">
      <ion-icon name="exit" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"logout" | translate}}</ion-label>
    </button>
  </ion-list>
</ion-content>
